<template>
	<view class="drawbox flexcolumn" :style="'background-image: url(' + gginner_bg+ ')'">
		<view class="drawimg flexcenter">
			<image :src="`${imgPath}/upload/we/common/xxcyicon.png`" alt=""></image>
		</view>
		<!-- <view class="title f18 textcenter">{{drawitem.level_name}}</view> -->
		<view class="f15  mt_24 textcenter">和遗憾，与奖品擦肩而过！</view>

		<view class="flexbetween mt_60 ">
			<view class="flexcenter detailbtn detailbtn2 mauto c_fff f16" @click.stop="closePop">
				继续抽奖
			</view>
			<view class="flexcenter detailbtn detailbtn2 mauto c_fff f16 " @click.stop="closePop">
				返回首页
			</view>
		</view>

		<view class="flexcenter detailbtn mauto mt_60 c_fff f16" @click.stop="goGzh">
			我的
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				gginner_bg: `${uni.$http.baseUrl}/upload/we/common/gj_bg.png`,
				imgPath: uni.$http.baseUrl
			}
		},
		props: {
			// drawitem:{
			//     default:null
			// }
		},
		methods: {
			// 关注公众号
			goGzh() {
				uni.switchTab({
					url: "/pages/my/my"
				})
				// window.location.href =
				// 	"https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzkyNDQ4MzA5MA==#wechat_redirect";
			},

			closePop() {
				this.$emit('close')
			}
		}
	}
</script>

<style lang="scss">
	.drawbox {
		width: 650rpx;
		padding: 40rpx 0;
		background-size: cover;
		// height: 500px;
		margin: auto;
		// background-color: #fff;
	}

	.mt_24 {
		margin: 30rpx 0;
	}

	.mt_60 {
		margin-bottom: 30rpx;
	}

	.drawimg {

		margin: auto;

		image {
			width: 260rpx;
			height: 302rpx;
			margin: auto;
		}

		// height: auto;
	}

	.title {
		color: #76B9FE;
	}

	.detailbtn {
		width: 220rpx;
		height: 66rpx;
		border-radius: 40rpx;
		background: #418BF8;
		border: 1px solid #fff;
		font-size: 26rpx;
	}

	.detailbtn2 {
		width: 180rpx;
		height: 66rpx;
	}

	.mauto {
		margin: auto;
	}
</style>